<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/base.css">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script src="js/common.js"></script>
		<style>
			body {
				margin-left: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				overflow: hidden;
			}
		</style>
	</head>
	<body>
		<!--页面内容框-->
		<iframe onload="changeFrameHeight()" id="content-body" src="./home.html" style="width:100%;" frameborder="no" border="0" marginwidth="0" marginheight="0" allowtransparency="yes"></iframe>
		<!--container-end-->
		<!--footer脚注-->
		<footer class="footer" id="footer">
			<ul class="footnav box-flex">
				<li class="on">
					<a href="#" content="home.html" class="home foot"><i></i><span class="full-block">首页</span></a>
				</li>
				<li>
					<a href="#" content="other.html" class="foot-worker foot"><i></i><span class="full-block">业务</span></a>
				</li>
				<li>
					<a href="#" content="other.html" class="foot-order foot"><i></i><span class="full-block">报表</span></a>
				</li>
				<li>
					<a href="#" content="my.html" class="my foot"><i></i><span class="full-block">我的</span></a>
				</li>
			</ul>
		</footer>
		<!--footer-end-->
		<script type="text/javascript">
			/*栏目中更多开始*/
			$(".ind-nav").each(function() {
				var self = $(this);
				var n = self.find("ul li").length;
				if(n <= 8) {
					self.find(".more").addClass("hide-more");
				} else {
					self.find(".more").removeClass("hide-more");
				}
				self.find(".more").click(function() {
					self.find("ul").toggleClass("intro");
					self.find(".more").toggleClass("add-more");
				});
			});
			/*栏目中更多结束*/
			/*iframe高度自适应开始*/
			function changeFrameHeight() {
				var ifm = document.getElementById("content-body");
				ifm.height = document.documentElement.clientHeight - 56;
			}
			window.onresize = function() {
				changeFrameHeight();
			}
			$(function() {
				changeFrameHeight();
			});
			/*iframe高度自适应结束*/
			
			/*导航menu点击事件*/
			$(".foot").click(function() {
				$("#content-body").attr("src", $(this).attr("content"));
				$(".on").removeClass("on");
				$(this).parent("li").attr("class", "on");

			});
			
		</script>
	</body>

</html>